.pxToRem(@p, @px) {
    @{p}: @px / 75 * 1rem;
}
a{
    text-decoration: none !important;
}
.head{
     width:100%;
    position: fixed;
    left: 0;
    top: 0;
    .pxToRem(height, 105);
    background: #b59969;
    display: flex;
   align-items: center;
    justify-content:space-between;
    z-index: 99;
    .left{
          .pxToRem(margin-left, 30);
    }
     .right{
        .pxToRem(width, 185);
       .pxToRem(line-height, 80);
        
        text-align: center;
         
    }
  span{
            color: #FFFDEF;
        .pxToRem(font-size, 35);
   
    }
    
   
}


.main{
    width: 100%;
     .pxToRem(margin-top, 110);
  
    
    .box{
//        width: 100%;
            .pxToRem(padding, 20);
      display: flex;
    flex-direction: column;
box-sizing: border-box;
    border-bottom: 1px solid #ccc;
      figure{
          width: 20%;
          img{
              width: 100%;
          }
      }
      .zi{
           .pxToRem(padding-top,10);
            .pxToRem(line-height, 35);
            .bt{
                 .pxToRem(font-size, 25);
                 .pxToRem(letter-spacing,3);
            }
            .time{
                .pxToRem(font-size, 13);
                color: #b1b1b1;
            }
            
      }
      }
}
